<!DOCTYPE html>
<html>
<head>
    <title>daohang</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

    <link rel="stylesheet" href="I:/webpage/animate/animate.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <style type="text/css">
        .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
        .headroom--unpinned {top: -100px;}
        .headroom--pinned {top: 0;}
    </style>

    <style type="text/css">
        .scrollspy-example {
            height: 1200px;
            overflow: auto;
            position: relative;
        }
    </style>


</head>
<body>

<!-- 页眉大屏显示 -->
<div class="jumbotron">
    <div class="container">
        <h1>daohang</h1>
        <p>hhhfyujjjjjjjjjjjjjjjjjjjyfhftyfkoinisiojnoijioneiosconiwiorovwnuorwiuiorcuoiw riowoirc oi</p>
    </div>
</div>

<div class="container">

    <!-- 导航栏 -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" id="example">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">daohang</a>
        </div>

    </nav>

    <!-- 主体内容-->
    <div data-spy="scroll" data-target="#example" data-offset="0" class="scrollspy-example">
        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>


        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>


        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>

        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>

        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>

        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>


        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>


        <p>angular.jsAngularJS is an MVC framework for building web applications. The core features include HTML enhanced with custom component and data-binding capabilities, dependency injection and strong focus on simplicity, testability, maintainability and boiler-plate reduction. 42713</p>
        <br/>
        <br/>
        <br/>




    </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>


<script  type="text/javascript"  src="https://rawgithub.com/WickyNilliams/headroom.js/master/dist/headroom.js"></script>

<script  type="text/javascript"  src="https://rawgithub.com/WickyNilliams/headroom.js/master/src/jQuery.headroom.js"></script>

<script type="text/javascript">

    $(".navbar-fixed-top").headroom();

</script>


</body>
</html>
